<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
有序列表：ol-li， 有序号(ordered list)
   li代表每个列表项
   属性type：
      写法1：type="1"  序号采用阿利伯序号，默认值
      写法2：type="a"  或大写A，英文字母序号
      写法3：type="i"  或大写I，罗马数字序号
-->
<ol type="1">
    <li>红烧肉</li>
    <li>炒鸡蛋</li>
    <li>口水鸡</li>
</ol>
<ol type="a">
    <li>红烧肉</li>
    <li>炒鸡蛋</li>
    <li>口水鸡</li>
</ol>
<ol type="A">
    <li>红烧肉</li>
    <li>炒鸡蛋</li>
    <li>口水鸡</li>
</ol>
<ol type="i">
    <li>红烧肉</li>
    <li>炒鸡蛋</li>
    <li>口水鸡</li>
    <li>水煮鱼</li>
</ol>
<ol type="I">
    <li>红烧肉</li>
    <li>炒鸡蛋</li>
    <li>口水鸡</li>
    <li>水煮鱼</li>
</ol>

<!--
无序列表：ul-li (unordered list)
   li代表每个列表项
   属性type：
      写法1：type="disc"  黑心圆，默认
      写法2：type="circle"  空心圆
      写法3：type="square"  黑心正方形，
-->
<ul type="disc">
    <li>红烧肉</li>
    <li>炒鸡蛋</li>
    <li>口水鸡</li>
</ul>
<ul type="circle">
    <li>红烧肉</li>
    <li>炒鸡蛋</li>
    <li>口水鸡</li>
</ul>
<ul type="square">
    <li>红烧肉</li>
    <li>炒鸡蛋</li>
    <li>口水鸡</li>
</ul>
</body>
</html>